<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户登录</title>
</head>
<body>
<fieldset>
    <legend>用户注册</legend>
    <form id="registerForm">
        <p>
            用户名： <input type="text" name="username"/>
        </p>
        <p>
            密码： <input type="password" name="password"/>
        </p>
        <p>
            <input type="button" value="注册" id="register"/>
        </p>
    </form>
</fieldset>

<fieldset>
    <legend>用户登录</legend>
    <form id="loginForm">
        <p>
            用户名： <input type="text" name="username"/>
        </p>
        <p>
            密码： <input type="password" name="password"/>
        </p>
        <p>
            <input type="button" value="登录" id="login"/>
        </p>
    </form>
</fieldset>

<script src="js/jquery-1.8.3.min.js"></script>
<script>
    $("#register").click(function () {
       $.post("../addUser",$("#registerForm").serialize(),function (data) {
           console.log(data);
           if(data){
               alert("注册成功！");
           }else{
               alert("注册失败！");
           }
       })
    });

    $("#login").click(function () {
       $.get("../login",$("#loginForm").serialize(),function (data) {
           if(data){
               location.href="index.html";
           }else{
               alert("登录失败！");
           }
       })
    });
</script>
</body>
</html>